<template>
    <div class="box">


        <div class="f1">
            <div class="h">
                <h1>考试信息管理系统</h1>

            </div>
            <div class="se">
                <ul>
                    <li><a href="/admin" class="admin">管理员登录</a></li>
                    <li><a href="/student" class="student">学生登录</a></li>
                </ul>
                <div class="img"></div>
            </div>
        </div>


    </div>
</template>

<style scoped>

.box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 97vh;
}

.se {
    height: 100%;
    display: flex;
    margin-left: 50px;
    margin-top: 20px;
}
.se li{
    margin-bottom: 20px;
}
.se ul{
    margin-right: 20px;
}
.se a{
    display: block;
    width: 300px;
    background-color: #f7f5ae;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    padding-left: 10px;
    border-radius: 10px;
}
.f1 {
    display: flex;
    background-color: #bcf9aa;
    width: 1000px;
    height: 600px;
    border-radius: 10px;
    flex-direction: column;
}

.h {
    height: 160px;
    width: 100%;
    background-color: #f7f5ae;
    border-radius: 10px 10px 0 0;
    display: flex;
}

.h h1 {
    display: block;
    margin: auto;
    color: #84ef63;
}

.img{
    width: 600px;
    height: 90%;
    background-color: #705ddc;
}
</style>